import React from 'react';
import { Layout, Menu } from 'antd';
import { NavLink } from 'react-router-dom';
import './GoodsManage.css';
import '../GoodsComments/GoodsComments.css';
const { Content, Header } = Layout;
class GoodsManage extends React.Component {
  render() {
    return (
      <>
        <Layout>
          <Header style={{ height: 'auto' }}>
            <h1 className="title">商品管理</h1>
            <Menu
              className="nav"
              mode="horizontal"
              defaultSelectedKeys="1"
              style={{ background: 'transparent' }}
            >
              <Menu.Item key="1">
                <NavLink
                  style={{ width: '100%', textAlign: 'center', display: 'inline-block' }}
                  to="/Home/ShangPing/GoodsManage/GoodsIndex"
                >
                  商品管理
                </NavLink>
              </Menu.Item>
              <Menu.Item key="2">
                <NavLink
                  style={{ width: '100%', textAlign: 'center', display: 'inline-block' }}
                  to="/Home/ShangPing/GoodsManage/AddGoods"
                >
                  添加商品
                </NavLink>
              </Menu.Item>
              <Menu.Item key="3">
                <NavLink
                  style={{ width: '100%', textAlign: 'center', display: 'inline-block' }}
                  to="/Home/ShangPing/GoodsManage/RecyceGoods"
                >
                  商品回收站
                </NavLink>
              </Menu.Item>
            </Menu>
          </Header>
          <Content>{this.props.children}</Content>
        </Layout>
      </>
    );
  }
}

export default GoodsManage;
